
$(document).ready(function(){
	AMINO.getComponents(document.getElementById('demoid1'),document.getElementById("demoid2"), function(components){
		alert('页面初始化的时候就可以和块通讯哦，这是容器1 ： ' + components[0].message);
	});
	$("#get2").click(function(){
		AMINO.getComponents(document.getElementById("demoid2"), function(components){
			alert('容器的内容： ' + components[0].message + ', 和容器里面子块的内容 : ' + components[0].demo);
		});
	});
	$("#reactb1").click(function(){
		AMINO.getComponents(document.getElementById("react1"), function(components){
			alert(components[0].content);
		});
	});
	$("#create5").click(function(){
		$('#container').append("<h1>容器3 : </h1>")
		AMINO.createComponent(
			document.getElementById('container'),
			'com.beecode.mvc.democomp', 
			{
				id : 'demoid3',
				title : 'C\'est la vie',
				content : "C'est L'amour"
			},
			function(component){
				$(component.getDom()).attr({'class': 'democomp bg-success'});
				alert('容器的内容： ' + component.message + ', 和容器里面子块的内容 : ' + component.demo);
			}
		);
	});
	$("#hello").click(function(){
		AMINO.getComponents(document.getElementById("demoid2"), function(components){
			console.log(components[0].message);
			console.log(components[0].demo);
			components[0].sayHello(
				{
					input : {
						'a' : 2,
						'b' : 3
					}
				},
				function(error, data){
			    	alert('2 + 3 = ' + data);
				}
			);
		});
	});
});